import {
    reactive,
    ref
} from 'vue'

// 关闭tag
let tags = reactive([]);

let tagsActive = ref()

// 点击菜单打开tag
function menuClick(item) {
    let idx = tags.findIndex(($item) => {
        return $item.id == item.id;
    });
    if (idx == -1) {
        tags.push(item);
    }
    tagsActive.value = item.id


}

// 点击tag的某一项
function clickTag(item) {
    console.log("点击了");
    console.log(item);
}

// 点击tag的某一项 的关闭
function clickClose(item) {
    let idx = tags.findIndex(($item) => {
        return $item.name == item.name;
    });
    tags.splice(idx, 1);
    menuClick(tags[tags.length - 1]);
}

export {
    tags,
    tagsActive,
    menuClick,
    clickTag,
    clickClose
}